<template>
  <div>
<van-swipe :autoplay="3000" duration="1000" class="my-swipe" indicator-color="white">
  <van-swipe-item><img src="/sy/center1.jpg" ></van-swipe-item>
  <van-swipe-item><img src="/sy/center2.jpg" ></van-swipe-item>
  <van-swipe-item><img src="/sy/center3.jpg" ></van-swipe-item>
</van-swipe>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style lang="scss" scoped>
.my-swipe{
  width: 85vw;
  margin: 0 auto;
}
.my-swipe .van-swipe-item {
    color: #fff;
    margin-top: 55px;
    // width: 90vw;
    height: 275px;
    text-align: center;
    background-color: white;
  }
  .my-swipe .van-swipe-item img{
      width: 100%;
      height: 270px;;
     }
 
</style>